<div class="row" data-controller="product-form slug-form seo-form" data-seo-form-editor-value="tinymce">
  <div class="col-md-8">
    <%= render 'spree/admin/products/form/base', f: f %>
    <%= render 'spree/admin/variants/form/media', viewable: @product.master %>
    <%= f.fields_for :master, @product.master do |vf| %>
      <%= render 'spree/admin/variants/form/pricing', f: vf %>
    <% end unless @product.has_variants? %>
    <%= render 'spree/admin/products/form/variants', f: f %>
    <%= render 'spree/admin/products/form/inventory', f: f unless @product.has_variants? %>
    <%= render 'spree/admin/products/form/shipping', f: f %>
    <%= render 'spree/admin/products/form/properties', f: f %>
  </div>
  <div class="col-md-4">
    <%= render 'spree/admin/products/form/status', f: f %>
    <%= render 'spree/admin/products/form/categorization', f: f %>
    <%= render 'spree/admin/products/form/stores', f: f if Spree::Store.accessible_by(current_ability).count > 1 %>

    <%= render 'spree/admin/shared/seo',
          f: f,
          title: @product.name,
          meta_title: @product.meta_title,
          description: @product.description,
          slug: @product.slug,
          slug_path: 'products',
          placeholder: Spree.t('admin.products.seo.placeholder') %>
  </div>
</div>